<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>苏宁易购(Suning.com)-送货更准时、价格更超值、上新货更快</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- top-banner  -->
    <div class="top-banner">
        <a href="" class="top-banner-img">
            <img src="images/top_banner.jpg" alt="">
        </a>
        <a href="" class="close"></a>
    </div>
    <!-- top-banner end-->
    <!-- header  -->
    <header class="header">
        <div class="header-top">  
                <a href="#">
                    <img src="images/classify.png" alt="">
                </a>
                <a href="#">
                    <img src="images/ad.gif" alt="">
                </a>
                <a href="#">
                    <img src="images/login.png" alt="">
                </a>
        </div>
        <div class="search">
            <a href="#" class="search"></a>
            <i></i>
            <form>
                <input type="search" placeholder="400元北京消费补贴">
            </form>
        </div>
    </header>
    <!-- header  end-->
    <!-- banner -->
    <div class="banner">
        <div class="wrapper">
            <ul>
                <li class="current"><a herf="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a herf="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a herf="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a herf="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a herf="#"><img src="images/banner.jpg" alt=""></a></li>
                <li><a herf="#"><img src="images/banner.jpg" alt=""></a></li>
            </ul>
            <ol>
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </div>
    <!-- banner end-->
    <!-- nav  -->
    <nav>
        <a href="#">
            <img src="images/nav_01.png" alt="">
            <p>苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_02.png" alt="">
            <p>苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_03.png" alt="">
            <p>苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_04.png" alt="">
            <p>苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_05.png" alt="">
            <p>苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_01.png" alt="">
            <p>苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_02.png" alt="">
            <p>苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_03.png" alt="">
            <p>苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_04.png" alt="">
            <p>苏宁秒杀</p>
        </a>
        <a href="#">
            <img src="images/nav_05.png" alt="">
            <p>苏宁秒杀</p>
        </a>
    </nav>
    <!-- nav  end-->
    <!-- discoun start -->
    <div class="discount">
        <div class="left">
            <a href="#">
                <div class="title-wrapper">
                    <div class="title">天天低价</div>
                    <div class="count">
                        <span class="h-code">03</span>
                        :
                        <span class="m-code">38</span>
                        :
                        <span class="s-code">10</span>
                    </div>
                </div>
                <p>人气好货限时抢</p>
            </a>
            <ul class="items">
                <li class="item-left">
                    <a href=""><img src="images/paper.jpg" alt=""><p><span>￥1.1</span></p></a>
                </li>
                <li>
                    <a href=""><img src="images/rs.jpg" alt=""><p><span>￥1.1</span></p></a>
                </li>
            </ul>
        </div>
        <div class="right">
            <a href="#">
                <div class="title-wrapper">
                    <div class="title">苏宁秒杀</div>
                </div>
                <p>品质好货天天秒</p>
            </a>
            <ul class="items">
                <li class="item-left">
                    <a href=""><img src="images/kz.webp" alt=""><p>界面</p></a>
                </li>
                <li>
                    <a href=""><img src="images/fk.webp" alt=""><p>飞科</p></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- discoun end -->
    <div class="bd">
        <div class="cut-line">
            <a href=""><img src="images/cl.png" alt=""></a>
        </div>
        <div class="bd-list">
            <div class="bd-three">
                <div href="#" class="item item1">
                    <a href="#"><img src="images/ys.webp" alt=""><img src="images/bg.png" alt="">
                    <p><span>人气榜</span></p>
                    <p>多效修护眼霜</p>
                    <p>卖爆4852件</p></a>
                </div>
                <div href="#" class="item item1">
                    <a href="#"><img src="images/ys.webp" alt=""><img src="images/bg.png" alt="">
                    <p><span>人气榜</span></p>
                    <p>多效修护眼霜</p>
                    <p>卖爆4852件</p></a>
                </div>
                <div href="#" class="item item1">
                    <a href="#"><img src="images/ys.webp" alt=""><img src="images/bg.png" alt="">
                    <p><span>人气榜</span></p>
                    <p>多效修护眼霜</p>
                    <p>卖爆4852件</p></a>
                </div>
            </div>
            <div class="bd-two discount">
                <div class="left">
                    <a href="#">
                        <div class="title-wrapper">
                            <div class="title">辅食料理工具榜</div>
                            <div class="count">
                                <span class="h-code">人气榜</span>
                            </div>
                        </div>
                        <p>今日热销爆款</p>
                    </a>
                    <ul class="items">
                        <li class="item-left">
                            <a href=""><img src="images/paper.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href=""><img src="images/rs.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <a href="#">
                        <div class="title-wrapper">
                            <div class="title">辅食料理工具榜</div>
                            <div class="count">
                                <span class="h-code">人气榜</span>
                            </div>
                        </div>
                        <p>卖爆55555件</p>
                    </a>
                    <ul class="items">
                        <li class="item-left">
                            <a href=""><img src="images/kz.webp" alt=""></a>
                        </li>
                        <li>
                            <a href=""><img src="images/fk.webp" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bd-two discount">
                <div class="left">
                    <a href="#">
                        <div class="title-wrapper">
                            <div class="title">辅食料理工具榜</div>
                            <div class="count">
                                <span class="h-code">人气榜</span>
                            </div>
                        </div>
                        <p>今日热销爆款</p>
                    </a>
                    <ul class="items">
                        <li class="item-left">
                            <a href=""><img src="images/paper.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href=""><img src="images/rs.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <a href="#">
                        <div class="title-wrapper">
                            <div class="title">辅食料理工具榜</div>
                            <div class="count">
                                <span class="h-code">人气榜</span>
                            </div>
                        </div>
                        <p>卖爆55555件</p>
                    </a>
                    <ul class="items">
                        <li class="item-left">
                            <a href=""><img src="images/kz.webp" alt=""></a>
                        </li>
                        <li>
                            <a href=""><img src="images/fk.webp" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
</html>